<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色|图标|动画</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <style>
        div {
            height: 50px;
        }
        .layui-icon {
            font-size: 50px;
            /*color:red;*/
        }
    </style>
</head>
<body>
    <div class="layui-bg-red">layui</div>
    <div class="layui-bg-orange">layui</div>
    <div class="layui-bg-green">layui</div>
    <div class="layui-bg-cyan">layui</div>
    <div class="layui-bg-blue">layui</div>
    <div class="layui-bg-black">layui</div>
    <div class="layui-bg-gray">layui</div>

    <div>
        <i class="layui-icon layui-icon-diamond"></i>
        <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>
    </div>

<script src="../layui/layui.js"></script>
</body>
</html>
